<template>
  <ant-modal
    modalWidth="450"
    modalHeight="480"
    :visible="reopen"
    :modal-title="formTitle"
    :adjust-size="true"
    @cancel="recancel"
  >
    <a-form-model
      ref="form"
      :model="form"
      :rules="rules"
      slot="content"
      layout="vertical"
    >
      <a-row :gutter="32">
        <a-col :span="24">
          <a-form-model-item label="公司名称" prop="companyName">
            <a-input
              v-model="form.companyName"
              placeholder="请输入公司名称"
              disabled
            />
          </a-form-model-item>
        </a-col>
        <a-col :span="24">
          <a-form-model-item label="账户余额" prop="balance">
            <a-input-number
              v-model="form.balance"
              style="width: 50%"
              disabled
            ></a-input-number>
          </a-form-model-item>
        </a-col>
        <a-col :span="24">
          <a-form-model-item label="充值金额" prop="rechangeMoney">
            <a-input-number
              v-model="form.rechangeMoney"
              placeholder="请输入充值金额"
              style="width: 50%"
            ></a-input-number>
          </a-form-model-item>
          <a-tag color="orange"> 提示：充值前请确认对方公司账户信息 </a-tag>
        </a-col>
      </a-row>
    </a-form-model>
    <template slot="footer">
      <a-button @click="recancel"> 取消 </a-button>
      <a-button type="primary" @click="saveRechange"> 确认充值 </a-button>
    </template>
  </ant-modal>
</template>
<script>
import BizCompanyRechangeForm from "./BizCompanyForm";
export default {
  ...BizCompanyRechangeForm,
};
</script>
